<!-- PAGE HEADER -->
                <div class="page-header-wrapper">
                
                		<section id="page-header">
                        		<div>
                                	<h1>OUR WORK</h1>
                                </div>
                        </section>
                
                </div>
                <!-- PAGE HEADER -->
                
                
                
                <!-- PORTFOLIO HEADER -->
                <div id="portfolio-header">
                	<section>
                    		<h4>LAKE IN COLI MOUNTAINS</h4>
                            <div class="portfolio-arrows">
                            		<span><a href="#" class="prev">&nbsp;</a></span>
                                    <a href="#" class="next">&nbsp;</a>                                    
                            </div>
                    </section>
                </div>
                <!-- PORTFOLIO HEADER -->
                
                
                
                <!-- CONTENT -->
                <div class="wrapper" id="portfolio-single">
                
                		<figure class="project-image"><img src="/images/project-image.png" alt="" /></figure>
                
                		<div class="clearfix">
                			<div class="content-left-wrapper">
                					
                			        <!-- CONTENT -->
                					<section id="project-detail">
                			        		<h4>ABOUT</h4>
                			                <div class="clearfix">
                			                	<article>
                			                			<p>Nemo enim ipsam voluptatem quia voluptas <strong>sit aspernatur aut odit</strong> aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est. </p>
                			                			<p>Qui consectetur adipisicing <a href="#">dolorem ipsum qu</a>ia dolor sit amet,.</p>
                			                	</article>
                			                	<article>
                			                			<p>At vero eos et <em>accusamus et iusto odio dignissimos ducimus qui blanditiis</em> praesentium voluptatum deleniti atque.</p>
                			                	        <p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa.</p>
                			                	</article>
                			                </div>
                					</section>
                			        <!-- CONTENT -->
                			
                			</div>
                			
                			<div class="content-right-wrapper">
                			        
                			        <!-- SIDEBAR -->
                			        <section id="author-detail">
                			        		<article>
                			        			<div>
                			        				<strong>AUTHOR:</strong>
                			        				<p>PgbDesign</p>
                			        			</div>
                                                
                			        			<div>
                			        				<strong>DATE:</strong>
                			        				<p>March 12, 2012</p>
                			        			</div>
                                                
                			        			<div>
                			        				<strong>CLIENT:</strong>
                			        				<p>Mountainia</p>
                			        			</div>
                                                
                			        			<div>
                			        				<strong>URL:</strong>
                			        				<p><a href="#">http://www.flickr.com/photos/pgpdesi<br>gn/2341822457/</a></p>
                			        			</div>
                			        		</article>
                			        </section>
                			        <!-- SIDEBAR -->
                			
                			</div>
                		</div>
                        
                        <!-- RELATED PROJECT -->
                        <div id="related-project">
                        		<h4>RELEVANT ITEMS</h4>
                                <ul class="clearfix">
                                	<li><a href="#"><img src="/images/related-project-image1.png" alt="" /></a></li>
                                	<li><a href="#"><img src="/images/related-project-image1.png" alt="" /></a></li>
                                	<li><a href="#"><img src="/images/related-project-image1.png" alt="" /></a></li>
                                	<li><a href="#"><img src="/images/related-project-image1.png" alt="" /></a></li>
                                </ul>
                        </div>
                        <!-- RELATED PROJECT -->
                
                </div>
                <!-- CONTENT -->
                